<template>
  <view>
    <!-- 有消息 -->
    <view class="have-box"  v-if="announcement.length != 0">
      <messageYidu></messageYidu>
      <u-cell-group>
        <view class="msg-text">
          <u-badge :is-dot="true"></u-badge>
          <u-cell value="05-06 06:16"><text slot="title" class="msg-text">消好久撒喝点酒卡圣诞节卡商就可好看息来机客户端就了</text></u-cell>
        </view>
        <view class="msg-text">
          <u-badge :is-dot="true"></u-badge>
          <u-cell value="05-06 06:16"><text slot="title" class="msg-text">消好久撒喝点酒卡圣诞节卡商就可好看息来机客户端就了</text></u-cell>
        </view>
        <view class="msg-text">
          <u-badge :is-dot="true"></u-badge>
          <u-cell value="05-06 06:16"><text slot="title" class="msg-text">消好久撒喝点酒卡圣诞节卡商就可好看息来机客户端就了</text></u-cell>
        </view>
      </u-cell-group>
    </view>
    <!-- 无消息 -->
    <kongMessage v-else>暂无信息</kongMessage>
  </view>
</template>

<script>
export default {
  name: '',
  components: {},
  props:{
    announcement:{
      type: Array
    }
  },
  data() {
    return {};
  },
  created() {
  },
  mounted() {},
  onLoad() {},
  methods: {}
};
</script>

<style lang="scss">
//有列表
.have-box {
  .msg-text {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    background-color: #fff;

    .u-badge {
      width: 6px;
      height: 6px;
      position: absolute;
      background-color: #ef4f3f;
      left: 9px;
      top: 50%;
      margin-top: -3px;
    }

    .msg-text {
      font-family: PingFangSC-Regular;
      width: 255px;
      margin-left: 6px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #2a2929;
      letter-spacing: 0.16px;
    }

    .u-cell {
      font-family: PingFangSC-Regular;
      color: #818181;
      letter-spacing: 0.14px;
    }
  }
}
</style>
